<template>
  <component
    :is="item.typeName"
    v-bind="item.attrs" 
    v-on="item.events" 
    :prop="item.prop"
    style="width: 100%"
    v-model="$props.searchParam[item.prop]"
  >
  </component>
</template>

<script setup name="searchFormItem"> 
defineProps({ item: Object, searchParam: Object });
</script>
<script  >
import CySelect from '../select/index.vue'
import CyRadioGroup from '../radioGroup/index.vue'
import CyCheckboxGroup from '../checkboxGroup/index.vue'
import CySelctMonths from '../selectMonths/index.vue'
export default {
  components: { CySelect,CyRadioGroup,CyCheckboxGroup,CySelctMonths}
}
</script>
<style lang="scss">
@import "./index.scss";
</style>
